<!DOCTYPE HTML>
<html>

	<head>
		<title>oncepass</title>
		<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="bootstrap/css/bootstrap-theme.min.css" />
	</head>

	<body>
		<div class="container">
			<div class="row">
				<form>
					<div class="form-group">
						<label for="username">Username</label>
						<input type="text" class="form-control" id="username" placeholder="Username" value="loocao">
					</div>
					<div class="form-group">
						<label for="password">Password</label>
						<input type="password" class="form-control" id="password" placeholder="Password" value="123456">
					</div>
					<div class="form-group">
						<label for="site">Site</label>
						<input type="text" class="form-control" id="site" placeholder="Site" value="qq.com">
					</div>
					<div class="form-group">
						<label for="version">Version</label>
						<input type="number" class="form-control" id="version" placeholder="Version" value="1">
					</div>
					<button id="btnGenerate" type="button" class="btn btn-default">Generate</button>
				</form>
			</div>
		</div>
		<script type="text/javascript" src="js/jquery-2.1.4.min.js" ></script>
		<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/md5.min.js" ></script>
		<script type="text/javascript" src="js/oncepass.js"></script>
		<script>
			$(function() {
				$('#btnGenerate').click(function() {
					var username = $('#username').val();
					var password = $('#password').val();
					var site = $('#site').val();
					var version = $('#version').val();
					var genpass = generate(username, password, site, version);
					console.log(genpass);
				});
			});
		</script>
	</body>

</html>